<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		
		
		<link rel="stylesheet" type="text/css" href="style/style.css"/>
		<style type="text/css">
			body{
				background: #EDF2F6;
			}
		</style>
	</head>

	<body>
		<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
			
			<tr>
				<td style="width: 690px;">
					<div style="width:690px;height: 190px;background: white;">
						<div class="content">
							<img src="style/user_icon01.png"/>
							<div class="text">
								<span>引领视觉科技</span>
								<p>创建：2017-05-03 11:00</p>
								<p>更新：--</p>
								<div class="store">AppStore未上架</div>
								<div class="empower">未开通商业授权</div>
							</div>
							<div class="index_item">
								<div class="index_top">
									<span class="active">测试版</span>
									<span>发布版</span>
									<div class="clear"></div>
								</div>
								<div class="index_content">
									<div class="cont_win">
										<div class="down_item">
											<p>测试包</p>
										</div>
										<div class="down_item">
											<p>发布包</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</td>
				<td style="width: 100%;">
					<div style="width:100%;height: 190px;padding: 0 20;">
						<div class="content" style="background: #fff;margin-left: 20px;min-width: 295px;">
							<div class="app_1">
								<i></i>
								<span>生成App</span>
							</div>
							<div class="app_2">
								<span>上传证书</span>
							</div>
							<div class="app_3">
								<span>AppStore上架</span>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</td>
			</tr>
		</table>
		<div class="configure">
			<div class="title">
				<span>系统接入配置</span>
			</div>
			<ul class="guide">
				<li>
					<div class="left">
						<span>查看操作指南</span>
					</div>
					<div class="right">
						<a href="javascript:;">第三方接入平台分享设置</a>
					</div>
					<div class="clear"></div>
				</li>
				<li>
					<div class="left">
						<span>新浪微博</span>
						<i class="xinlang"></i>
					</div>
					<div class="right">
						<div class="right_top">
							<div style="float: left;">
								<input type="checkbox" id="qiyong" name="" value="启用" /><label for="qiyong" class="hand">启用</label>
							</div>
							<a href="javascript:;">微博开放平台</a>
							<div class="clear"></div>
						</div>
						<div class="right_bottom">
							<input type="text" class="validate[required,custom[noSpecialCaracters]] float_left"/>
							<input type="text" class="validate[required,custom[noSpecialCaracters]] float_right" style="margin-right: 0;"/>
							<div class="clear"></div>
						</div>
					</div>
					<div class="clear"></div>
				</li>
				<li>
					<div class="left">
						<span>QQ</span>
						<i class="qq"></i>
					</div>
					<div class="right">
						<div class="right_top">
							<div style="float: left;">
								<input type="checkbox" id="qiyong1" name="" value="启用" /><label for="qiyong1" class="hand">启用</label>
							</div>
							<a href="javascript:;">腾讯开放平台</a>
							<div class="clear"></div>
						</div>
						<div class="right_bottom">
							<input type="text" class="validate[required,custom[noSpecialCaracters]] float_left"/>
							<input type="text" class="validate[required,custom[noSpecialCaracters]] float_right" style="margin-right: 0;"/>
							<div class="clear"></div>
						</div>
					</div>
					<div class="clear"></div>
				</li>
				<li>
					<div class="left">
						<span>微信</span>
						<i class="weixin"></i>
					</div>
					<div class="right">
						<div class="right_top">
							<div style="float: left;">
								<input type="checkbox" id="qiyong2" name="" value="启用" /><label for="qiyong2" class="hand">启用</label>
							</div>
							<a href="javascript:;">微信开放平台</a>
							<div class="clear"></div>
						</div>
						<div class="right_bottom">
							<input type="text" class="validate[required,custom[noSpecialCaracters]] float_left"/>
							<input type="text" class="validate[required,custom[noSpecialCaracters]] float_right" style="margin-right: 0;"/>
							<div style="float: left;margin-top: 10px;">
								<input type="checkbox" id="qiyong3" name="" value="启用" /><label for="qiyong3" class="hand">开通微信登录</label>
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="clear"></div>
				</li>
				<li>
					<div class="left">
						<i style="border: 0;"></i>
					</div>
					<div class="right">
						<input type="button" name="" id="" value="保 存" class="button primary" />
					</div>
					<div class="clear"></div>
				</li>
			</ul>
		</div>
		<div class="configure">
			<div class="title">
				<span>第三方接入配置</span>
			</div>
			<ul class="payment">
				<li>
					<div class="plus">
						<i></i>
					</div>
					<div class="add_text">添加第三方接入</div>
				</li>
				<li>
					<div class="top">
						<div class="payment_index">
							微信支付
						</div>
						<p>微信开放平台申请的App的appid</p>
						<p>商户id</p>
						<p>API密钥，在商户平台设置32位，自己设置的钥匙</p>
						<p>服务器异步通知页面路径，http://...</p>
					</div>
					<div class="bottom">
						<a href="javascript:;">
							<i></i>
							<span>编辑</span>
						</a>
						<a href="javascript:;" class="no">
							<i></i>
							<span>删除</span>
						</a>
						<div class="clear"></div>
					</div>
				</li>
				<li>
					<div class="top">
						<div class="payment_index payment_index02">
							支付宝支付
						</div>
						<p>微信开放平台申请的App的appid</p>
						<p>商户id</p>
						<p>API密钥，在商户平台设置32位，自己设置的钥匙</p>
						<p>服务器异步通知页面路径，http://...</p>
					</div>
					<div class="bottom">
						<a href="javascript:;">
							<i></i>
							<span>编辑</span>
						</a>
						<a href="javascript:;" class="no">
							<i></i>
							<span>删除</span>
						</a>
						<div class="clear"></div>
					</div>
				</li>
				<li>
					<div class="top">
						<div class="payment_index payment_index03">
							有赞微商城
						</div>
						<p>UA</p>
						<p>AppID</p>
						<p>AppSecret</p>
					</div>
					<div class="bottom">
						<a href="javascript:;">
							<i></i>
							<span>编辑</span>
						</a>
						<a href="javascript:;" class="no">
							<i></i>
							<span>删除</span>
						</a>
						<div class="clear"></div>
					</div>
				</li>
				
				<div class="clear"></div>
			</ul>
		</div>
		<script type="text/javascript">
			$(".index_item .index_top span").hover(function(){
				$(this).addClass("active").siblings("span").removeClass("active");
				var index=$(this).index();
				var indexWith=$(".index_content .cont_win .down_item").width();
				$(".index_content .cont_win").stop().animate({
					left:-(index*indexWith)
				},500)
			})
		</script>
	</body>

</html>